Questions
6 of 12
1How can we embed audio in HTML?
2How can we embed video in HTML?
3What tags are used to embed videos and audios?
4What is the controls attribute?
5What is the <source> tag used for?
6How do you make media fallback for unsupported browsers?
7<iframe>, <embed>, <object>?
8Responsive images: srcset, picture?
9What is an <iframe> used for?
10What are the security concerns with <iframe>?
11Difference between <iframe> and <embed>?
12What does the sandbox attribute do?
HTMLHTML
Basics
Common Tags
Attributes and Elements
Lists
Text tags and Formatting
Input and Forms
Block and Inline Elements
Box model
Semantic Tags
Links and Images
Media and Embeds
Tables
HTML entities
HTML and CSS
Performance
SEO
Progressive Enhancement
HTML5
Custom Elements & Web Components
HTML5 APIs
SPAs
WCAG
Security
Best Practices
06 / 12

How do you make media fallback for unsupported browsers?

Making Media Fallback Work in HTML

In HTML, when embedding media with <video> or <audio>, you can provide fallback content that appears if the browser does not support the element or the provided file formats.

Ways to Provide Fallback
  1. 1

    Use multiple <source> elements to supply different formats (e.g., MP4, WebM, Ogg for video; MP3, OGG, WAV for audio).

  2. 2

    Add text inside the <video> or <audio> tags — this text is displayed when the media cannot be played.

  3. 3

    Include a download link so users can access the file even if playback fails.

  4. 4

    For very old browsers, you can embed a Flash player or external plugin as an extra fallback (rarely needed today).

Example Usage

In short: Always include multiple formats using <source> and add fallback text or links so users can still access your media if their browser doesn’t support direct playback.